a:hover{
	color: red;
}

.dei{
	color: grey;
}

.wholeproductname{
	margin-top: 70px;
	display:flex;
	text-align:center;
	justify-content: center;
}

.nameproduct{
	margin-left: 3vw;
	margin-right: 3vw;
	width:19vw
}

.tablebar{
	top:60px;
	background-color: #000000;
	color: white;
	display:none;
	text-align: center;
}

.wholespec{
	margin-bottom: 1vh;
	display:flex;
	text-align:center;
	justify-content: center;
}

.spec{
	margin-left: 3vw;
	margin-right: 3vw;
	width:19vw;
	margin-top:0.5vh
}

p{
	line-height: 6vh;
}

.HDMIfooter{
	margin-top: 10vh;
}

.HDMIfooterText{
	margin-top: 5vh;
}




.trail{
	background-color: black;
	background-size: cover;
	animation-name: trans;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes trans{
  	0%   {background-color: black;}
  	25%  {background-color: black;}
  	50%  {background-color: #ffffff;}
  	75%  {background-color: #ffffff;}
}



.texer{
	animation-name: textrans;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes textrans{
  	0%   {color: #ffffff;}
  	25%  {color: #ffffff;}
  	50%  {color: black;}
  	75%  {color: black;}
  	99.99999%  {color: #ffffff;}
}

.thelast{
	padding-top: 50px;
}

li
{
	display: inline-block;
}

*
{
	box-sizing: border-box;
}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: verdana; 
}

.texie{
	font-family: courier;

}

h4{
	padding-left: 20px;
}

.navbar{
    overflow: hidden;
    background-color: #343a40!important;;
    position: sticky;
    top: 0;
    z-index: 100;
}

.navbar a {
    float: left;
    display: block;
    color: grey;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbar a.logo {
    float: left;
    font-size: 20px;
    color: red;
}

.navbar a.right {
    float: right;
}

@media screen and (max-width: 600px) {
    .navbar a {
            float: none;
            display: block;
            text-align: left;
	}
    .navbar a.right {
            float: none;
        }
    }

a:hover{
	color: red;
}